<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/head::commonHeaderCustomList('试卷管理',~{::style})">
    <style type="text/css">
    </style>
</head>

<body>
<div style="padding: 20px;">
    <div id="share">
        <legend id="chooseTitle" style="padding-bottom:15px;" contenteditable="false">选择学生</legend>
        <form class="form-horizontal" method="post" onsubmit="return false;">
            <table id="table"></table>
        </form>
        <legend contenteditable="false"></legend>
        <a id="send" role="button" class="btn btn-info" href="javascript:void(0);" data-loading-text="提交中..." onclick="submitForm(this);"><span class="glyphicon glyphicon-play-circle"></span>发送试卷给该学生</a>
    </div>
</div>

<div th:include="include/onload_js::onloadJSCustomList(~{::script})">
    <script th:inline="javascript">
        var ADMIN_TOKEN_STRING = "S6AsGHLhri4-VJyGrBfPsbEpD56SNSTScoolBwW7QTbpa65H-QbKisyjsEf9TD1WneWUxynXB7VupWEZWkCQ-A";

        /*<![CDATA[*/
        var testPaperId = /*[[${testPaperId}]]*/0;
        /*]]>*/

        var $table;
        var selectionIds = [];  //保存选中ids

        $(document).ready(function () {
            $("#chooseTitle").html("选择学生 - 发送试卷【" + parent.currentSendPaper + "】");

            initTable("table");

            $table.on('load-success.bs.table', function (data) {//table加载成功后的监听函数
                console.log("load success");
            });
        });

        //初始化
        function initTable(tableId) {
            $table = $("#" + tableId).bootstrapTable({
                url: '/testPaper/student/list?tokenString=' + ADMIN_TOKEN_STRING,
                method: 'post',//请求方式（*）
                contentType: "application/x-www-form-urlencoded",
                dataType: "json",
                idField: "id",//指定主键列
                columns: [
                    {
                        title: '#',//表的列名
                        field: 'checked',
                        checkbox: true
                    },
                    {
                        title: '学生姓名',//表的列名
                        field: 'cnName',//json数据中rows数组中的属性名
                        align: 'center'//水平居中
                    },
                    {
                        title: '登录名',
                        field: 'loginName',
                        align: 'center'
                    }],
                striped: true, //使表格带有条纹
                search: true,//开启搜索文本框
                //showToggle: false, //名片格式
                //cardView: false,//设置为True时显示名片（card）布局
                sidePagination: "server",//使用服务器端分页
                pagination: true, //在表格底部显示分页工具栏
                //showRefresh: true, //显示刷新按钮
                //showFooter: false,//显示列脚
                clickToSelect: true,//点击行即可选中单选/复选框
                singleSelect: true,
                //sortable: false,//是否启用排序
                //cache: false,
                //strictSearch: true,
                //detailView: false, //是否显示父子表
                //maintainSelected: true,
                queryParams: function (params) {//得到查询的参数
                    //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    console.log("params:" + JSON.stringify(params));
                    return {
                        search: params.search,
                        pageSize: params.limit,//页面大小
                        pageNum: (params.offset / params.limit) + 1//页码
                        //sort: params.sort,//排序列名
                        //order: params.order
                    };
                },
                pageNumber: 1,
                pageSize: 10,//每页大小
                pageList: [10, 25, 50],//可以选择每页大小
                paginationPreText: '上一页',
                paginationNextText: '下一页',
                //toolbar: "#toolbar", //设置工具栏的Id或者class
                formatLoadingMessage: function () {
                    return "正在努力加载数据中，请稍后...";
                },
                formatNoMatches: function () { //没有匹配的结果
                    return '无符合条件的记录';
                }
                //,
                // onClickRow: function (row) {//点击行事件
                //     window.location.href = "" + row.id;
                // }
            });
        }

        /*
        * 提交表单
        *
        */
        function submitForm(obj) {

            var selectContent = $table.bootstrapTable('getSelections')[0];
            console.log($table.bootstrapTable('getSelections'));
            if (typeof(selectContent) == 'undefined') {
                layer.msg('请选择一个要发送试卷的的学生', {icon: 2});
                return false;
            } else {
                console.log("testPaperId=" + testPaperId + ",personId=" + selectContent.id + ",personName=" + selectContent.cnName);

                //询问框
                layer.confirm('确认将试卷【' + parent.currentSendPaper + '】发送给学生【' + selectContent.cnName + '】么？', {
                    btn: ['确认', '取消'] //按钮
                }, function () {
                    layer.closeAll('dialog');
                    $(obj).button('loading');

                    //初始化选中
                    $.post("/testPaper/sendPaperToStudent?tokenString=" + ADMIN_TOKEN_STRING, {
                        testPaperId: testPaperId,
                        personId: selectContent.id
                    }, function (resp) {
                        console.log("testPaper.sendPaperToStudent.result:" + JSON.stringify(resp));
                        if (resp != null && resp.status == 1) {
                            top.layer.msg('发送成功', {icon: 1});
                            parent.layer.closeAll()
                        } else {
                            top.layer.msg(resp.msg, {icon: 2});
                        }
                    });

                    //恢复按钮状态
                    $(obj).button('reset');
                });
            }
        }

        /**
         * 关闭当前页面
         */
        // function close() {
        //     console.log("触发关闭方法");
        //     // parent.$('.close').each(function (i, n) {
        //     //     console.log($(this).parent().text());
        //     //     if ($(this).parent().text() == "发送试卷") {
        //     //         $(this).click();
        //     //     }
        //     // });
        //     // layer.closeAll();
        //     parent.layer.closeAll();
        // }
    </script>
</div>

</body>
</html>